<template>
    <div class="container">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <!-- <el-tab-pane label="全部ཚང་མ། " name="全部"> -->
                 <el-tab-pane label="全部" name="全部">
                <div class="title">
                    <div class="flex between" style='padding: 10px 0'>
                        <h3>订单管理</h3>
<!--                        <div>མངག་ཐོ་དོ་དམ་ </div>-->
                        <!-- <el-button v-if="!added" @click="$router.push({ path: '/order/add' })" type="primary">新增订单མངག་ཐོ་གསར་པ་ </el-button> -->
                          <el-button class='theme-button' v-if="!added" @click="$router.push({ path: '/order/add' })" type="primary">新增订单</el-button>
                    </div>
                </div>
                <div style="font-size: 12px">
                    <el-date-picker
                        v-model="time"
                        value-format="yyyy-MM-dd"
                        type="daterange"
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                    >
                    </el-date-picker>
                    <el-button style="margin-left: 20px" class='theme-button' @click="search">查询</el-button>
                </div>
                <!-- <el-row style="margin: 10px 0; text-align: center; font-size: 8px" class="containers">
                    <el-col :span="8">订单详情མངག་ཐོ་ཞིབ་ཕྲ་ </el-col>
                    <el-col :span="4">收货信息ཟོང་ལེན་ཆ་འཕྲིན། </el-col>
                    <el-col :span="4">收款情况དངུལ་ལེན་ཆ་འཕྲིན་ </el-col>
                    <el-col :span="4">物流状态</el-col>
                    <el-col :span="4">操作</el-col>
                </el-row> -->
                  <el-row style="margin: 10px 0; text-align: center; font-size: 14px" class="containers">
                    <el-col :span="8">订单详情་ </el-col>
                    <el-col :span="4">收货信息</el-col>
                    <el-col :span="4">收款情况</el-col>
                    <el-col :span="4">物流状态</el-col>
                    <el-col :span="4">操作</el-col>
                </el-row>
                <el-row style="margin: 10px 0; text-align: center" class="table" v-for="(item, index) in tableData" :key="index">
                    <div
                        style="
                            text-align: left;
                            padding: 10px;
                            border-bottom: 1px solid lightgray;
                            background-color: rgba(239, 239, 239, 1);
                            font-size: 14px;
                        "
                    >
                        <span>下单时间：{{ item.createtime }}</span
                        ><span style="margin-left: 50px;font-size: 14px">订单号：{{ item.orderNo }}</span
                        ><span style="margin-left: 50px;font-size: 14px">订单来源：{{ item.source }}</span>
                    </div>
                    <el-col
                        class="flex column height"
                        :span="8"
                        style="border-right: 1px solid lightgray; justify-content: center; font-size: 14px"
                    >
                        <el-row type="flex" justify="space-between" style="" v-for="(s, zindex) in item.orderDetailedList" :key="zindex">
                            <el-col style="min-height: 30px" :span="8">{{ s.name }}</el-col>
                            <el-col style="" :span="8">{{ s.specs }}</el-col>
                            <el-col style="" :span="8">{{ s.number }}{{ s.unit }}</el-col>
                        </el-row>
                    </el-col>
                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray; font-size: 14px">
                        <div>{{ item.clientName }}</div>
                        <div>收货地址：{{ item.address }}</div>
                        <div>收货人：{{ item.consignee }}</div>
                        <div>电话：{{ item.phone }}</div>
                    </el-col>
                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray; font-size: 14px">
                        <div>金额：￥{{ item.totalAmount }}</div>
                        <div v-if="item.payState == '0'">未付款</div>
                        <div v-else-if="item.payStatus == '' || item.payStatus == null"></div>
                        <div v-else>{{ item.payStatus }}：￥{{ item.payAmount }}</div>
                        <div>支付方式：{{ item.payType }}</div>
                    </el-col>
                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray;font-size: 14px">
                        <div v-if="item.orderDetailedList[0].out == false">未发货</div>
                        <div v-else>已发货</div>
                    </el-col>
                    <el-col class="flex center column height" :span="4" style="">
                        <!-- <el-button v-if="!details" type="text" @click="handleDetail(item)">订单详情མངག་ཐོ་ཞིབ་ཕྲ་ </el-button> -->
                        <el-button v-if="!details" type="text" @click="handleDetail(item)">订单详情</el-button>
                        <el-button v-if="!modify" type="text" @click="handleEdit(item)">修改</el-button>
                        <el-button v-if="!deletes" type="text" style="color: red;" @click="handleDelete(item)">删除</el-button>
                        <el-button v-if="!addcollection" type="text" @click="addCollectionRecord(item)">添加收款记录</el-button>
                    </el-col>
                </el-row>
                <el-pagination
                    background
                    layout="total, prev, pager, next, jumper"
                    :page-size="pagesize"
                    :current-page.sync="currentPage"
                    :total="total"
                    @current-change="handleCurrentChange"
                    style="margin-top: 20px"
                ></el-pagination>

                <!-- 弹出选择 -->
                <el-dialog title="请填写收款信息" :visible.sync="dialogVisible">
                    <el-form style="padding-left: 20px">
                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="收款时间：">
                                    <el-date-picker
                                        v-model="receiveTime"
                                        type="date"
                                        value-format="yyyy-MM-dd"
                                        placeholder
                                        style="width: 280px"
                                    ></el-date-picker>
                                </el-form-item>
                                <el-form-item label="收款金额：">
                                    <el-input placeholder="请输入内容" v-model="payAmount" style="width: 200px"></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="10">
                                <el-form-item label="付款方式：">
                                    <el-select v-model="payType" placeholder="请选择" style="width: 200px">
                                        <el-option :label="v" :value="v" v-for="(v, i) in ruleForm.paytypes" :key="i"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>

                    <div slot="footer" class="dialog-footer">
                        <el-button @click="close">取消</el-button>
                        <el-button class='theme-button' @click="update">确定</el-button>
                    </div>
                </el-dialog>
            </el-tab-pane>

            <!-- <el-tab-pane label="待付款དངུལ་སྤྲོད་རྒྱུར་སྒུག་པ་ " name="待付款"> -->
<!--                <el-tab-pane label="待付款" name="待付款">-->
<!--                <div class="title">-->
<!--                    <div class="flex between">-->
<!--                        <h3>订单管理</h3>-->
<!--                        &lt;!&ndash; <el-button v-if="!added" type="primary">新增订单མངག་ཐོ་གསར་པ་ </el-button> &ndash;&gt;-->
<!--                        <el-button class='theme-button' v-if="!added" @click="$router.push({ path: '/order/add' })" type="primary">新增订单</el-button>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div>-->
<!--                    <el-date-picker-->
<!--                        v-model="time"-->
<!--                        value-format="yyyy-MM-dd"-->
<!--                        type="daterange"-->
<!--                        range-separator="至"-->
<!--                        start-placeholder="开始日期"-->
<!--                        end-placeholder="结束日期"-->
<!--                    >-->
<!--                    </el-date-picker>-->
<!--                    <el-button style="margin-left: 20px" class='theme-button' type="primary">查询</el-button>-->
<!--                </div>-->
<!--                &lt;!&ndash; <el-row style="margin: 10px 0; text-align: center;font-size: 8px" class="containers">-->
<!--                    <el-col :span="8">订单详情མངག་ཐོ་ཞིབ་ཕྲ་ </el-col>-->
<!--                    <el-col :span="4">收货信息ཟོང་ལེན་ཆ་འཕྲིན། </el-col>-->
<!--                    <el-col :span="4">收款情况དངུལ་ལེན་ཆ་འཕྲིན་ </el-col>-->
<!--                    <el-col :span="4">物流状态དངོས་ཟོག་སྐྱེལ་འདྲེན་གྱི་རྣམ་པ་ </el-col>-->
<!--                    <el-col :span="4">操作</el-col>-->
<!--                </el-row> &ndash;&gt;-->
<!--                   <el-row style="margin: 10px 0; text-align: center;font-size: 14px" class="containers">-->
<!--                    <el-col :span="8">订单详情</el-col>-->
<!--                    <el-col :span="4">收货信息</el-col>-->
<!--                    <el-col :span="4">收款情况</el-col>-->
<!--                    <el-col :span="4">物流状态 </el-col>-->
<!--                    <el-col :span="4">操作</el-col>-->
<!--                </el-row>-->
<!--                <el-row style="margin: 10px 0; text-align: center" class="table" v-for="(item, index) in tableData" :key="index">-->
<!--                    <div-->
<!--                        style="-->
<!--                            text-align: left;-->
<!--                            padding: 10px;-->
<!--                            border-bottom: 1px solid lightgray;-->
<!--                            background-color: rgba(239, 239, 239, 1);-->
<!--							font-size: 14px-->
<!--                        "-->
<!--                    >-->
<!--                        <span>下单时间：{{ item.createtime }}</span-->
<!--                        ><span style="margin-left: 50px">订单号：{{ item.orderNo }}</span-->
<!--                        ><span style="margin-left: 50px">订单来源：{{ item.source }}</span>-->
<!--                    </div>-->
<!--                    <el-col class="flex column height" :span="8" style="border-right: 1px solid lightgray; font-size: 14px;justify-content: center">-->
<!--                        <el-row type="flex" justify="space-between" style="" v-for="(s, zindex) in item.orderDetailedList" :key="zindex">-->
<!--                            <el-col style="min-height: 30px" :span="8">{{ s.name }}</el-col>-->
<!--                            <el-col style="" :span="8">{{ s.specs }}</el-col>-->
<!--                            <el-col style="" :span="8">{{ s.number }}{{ s.unit }}</el-col>-->
<!--                        </el-row>-->
<!--                    </el-col>-->
<!--                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray;font-size: 14px">-->
<!--                        <div>{{ item.clientName }}</div>-->
<!--                        <div>收货地址：{{ item.address }}</div>-->
<!--                        <div>收货人：{{ item.consignee }}</div>-->
<!--                        <div>电话：{{ item.phone }}</div>-->
<!--                    </el-col>-->
<!--                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray;font-size: 14px">-->
<!--                        <div>金额：￥{{ item.totalAmount }}</div>-->

<!--                        <div v-if="item.payStatus == '未付款'">{{ item.payStatus }}</div>-->
<!--                        <div v-else-if="item.payStatus == '' || item.payStatus == null"></div>-->
<!--                        <div v-else>{{ item.payStatus }}：￥{{ item.payAmount }}</div>-->
<!--                        <div>支付方式：{{ item.payType }}</div>-->
<!--                    </el-col>-->
<!--                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray;font-size: 14px">-->
<!--                        <div v-if="item.orderDetailedList[0].out == false">未发货</div>-->
<!--                        <div v-else>已发货</div>-->
<!--                    </el-col>-->
<!--                    <el-col class="flex center column height" :span="4" style="">-->
<!--                        &lt;!&ndash; <el-button type="text" v-if="!details" @click="handleDetail(item)">订单详情མངག་ཐོ་ཞིབ་ཕྲ་ </el-button> &ndash;&gt;-->
<!--                              <el-button type="text" v-if="!details" @click="handleDetail(item)">订单详情 </el-button>-->
<!--                        <el-button type="text" v-if="!modify" @click="handleEdit(item)">修改</el-button>-->
<!--                        <el-button type="text" v-if="!deletes" @click="handleDelete(item)">删除</el-button>-->
<!--                        <el-button type="text" v-if="!addcollection" @click="addCollectionRecord(item)">添加收款记录</el-button>-->
<!--                    </el-col>-->
<!--                </el-row>-->
<!--                <el-pagination-->
<!--                    background-->
<!--                    layout="total, prev, pager, next, jumper"-->
<!--                    :page-size="pagesize"-->
<!--                    :current-page.sync="currentPage"-->
<!--                    :total="total"-->
<!--                    @current-change="handleCurrentChange"-->
<!--                    style="margin-top: 20px"-->
<!--                ></el-pagination>-->
<!--            </el-tab-pane>-->

            <!-- <el-tab-pane label="未发货མ་བསྐུར་། " name="未发货"> -->
                 <el-tab-pane label="未发货 " name="未发货">
                <div class="title">
                    <div class="flex between">
                        <h3>订单管理</h3>
                        <!-- <el-button v-if="!added" type="primary">新增订单མངག་ཐོ་གསར་པ་ </el-button> -->
                        <!--             看看写的什么玩意↓，这项目是怎么验收的？ 2024.5.22 sameki           -->
<!--                           <el-button class='theme-button' v-if="!added" type="primary">新增订单</el-button>-->
                        <el-button class='theme-button' v-if="!added" @click="$router.push({ path: '/order/add' })" type="primary">新增订单</el-button>
                    </div>
                </div>
                <div>
                    <el-date-picker
                        v-model="time"
                        value-format="yyyy-MM-dd"
                        type="daterange"
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                    >
                    </el-date-picker>
                    <el-button class='theme-button' style="margin-left: 20px" type="primary">查询</el-button>
                </div>
                <!-- <el-row style="margin: 10px 0; text-align: center;font-size: 8px" class="containers">
                    <el-col :span="8">订单详情མངག་ཐོ་ཞིབ་ཕྲ་ </el-col>
                    <el-col :span="4">收货信息ཟོང་ལེན་ཆ་འཕྲིན། </el-col>
                    <el-col :span="4">收款情况དངུལ་ལེན་ཆ་འཕྲིན་ </el-col>
                    <el-col :span="4">物流状态དངོས་ཟོག་སྐྱེལ་འདྲེན་གྱི་རྣམ་པ་ </el-col>
                    <el-col :span="4">操作</el-col>
                </el-row> -->
                  <el-row style="margin: 10px 0; text-align: center;font-size: 14px" class="containers">
                    <el-col :span="8">订单详情</el-col>
                    <el-col :span="4">收货信息</el-col>
                    <el-col :span="4">收款情况 </el-col>
                    <el-col :span="4">物流状态</el-col>
                    <el-col :span="4">操作</el-col>
                </el-row>
                <el-row style="margin: 10px 0; text-align: center" class="table" v-for="(item, index) in tableData" :key="index">
                    <div
                        style="
                            text-align: left;
                            padding: 10px;
                            border-bottom: 1px solid lightgray;
                            background-color: rgba(239, 239, 239, 1);
							font-size: 14px
                        "
                    >
                        <span>下单时间：{{ item.createtime }}</span
                        ><span style="margin-left: 50px">订单号：{{ item.orderNo }}</span
                        ><span style="margin-left: 50px">订单来源：{{ item.source }}</span>
                    </div>
                    <el-col class="flex column height" :span="8" style="border-right: 1px solid lightgray; justify-content: center;font-size: 14px">
                        <el-row type="flex" justify="space-between" style="" v-for="(s, zindex) in item.orderDetailedList" :key="zindex">
                            <el-col style="min-height: 30px" :span="8">{{ s.name }}</el-col>
                            <el-col style="" :span="8">{{ s.specs }}</el-col>
                            <el-col style="" :span="8">{{ s.number }}{{ s.unit }}</el-col>
                        </el-row>
                    </el-col>
                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray;font-size: 14px">
                        <div>{{ item.clientName }}</div>
                        <div>收货地址：{{ item.address }}</div>
                        <div>收货人：{{ item.consignee }}</div>
                        <div>电话：{{ item.phone }}</div>
                    </el-col>
                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray;font-size: 14px">
                        <div>金额：￥{{ item.totalAmount }}</div>
                        <div v-if="item.payStatus == '未付款'">{{ item.payStatus }}</div>
                        <div v-else-if="item.payStatus == '' || item.payStatus == null"></div>
                        <div v-else>{{ item.payStatus }}：￥{{ item.payAmount }}</div>
                        <div>支付方式：{{ item.payType }}</div>
                    </el-col>
                    <el-col class="flex center column height" :span="4" style="border-right: 1px solid lightgray;font-size: 14px">
                        <div v-if="item.orderDetailedList[0].out == false">未发货</div>
                        <div v-else>已发货</div>
                    </el-col>
                    <el-col class="flex center column height" :span="4" style="">
                        <!-- <el-button type="text" v-if="!details" @click="handleDetail(item)">订单详情མངག་ཐོ་ཞིབ་ཕྲ་ </el-button> -->
                         <el-button type="text" v-if="!details" @click="handleDetail(item)">订单详情</el-button>
                        <el-button type="text" v-if="!modify" @click="handleEdit(item)">修改</el-button>
                        <el-button type="text" v-if="!deletes" @click="handleDelete(item)">删除</el-button>
                        <el-button type="text" v-if="item.orderDetailedList[0].out == false" @click="fahuo(item)">发货</el-button>
<!--                        <el-button type="text" v-if="!addcollection" @click="addCollectionRecord(item)">添加收款记录</el-button>-->
                    </el-col>
                </el-row>
                <el-pagination
                    background
                    layout="total, prev, pager, next, jumper"
                    :page-size="pagesize"
                    :current-page.sync="currentPage"
                    :total="total"
                    @current-change="handleCurrentChange"
                    style="margin-top: 20px"
                ></el-pagination>
                 <!-- 弹出选择 -->
                <el-dialog title="请填写发货信息" :visible.sync="dialogfh">
                    <el-form style="padding-left: 20px" label-width='120px'>
                        <el-row>
                            <el-col :span="12">
                                <el-form-item label='物流公司：' required>
                                    <el-input v-model='logistics' style="width: 300px" placeholder='请输入物流公司名称'></el-input>
                                </el-form-item>
                                <el-form-item label='车牌号：'>
                                    <el-input v-model='licensePlate' style="width: 300px" placeholder='请输入车牌号'></el-input>
                                </el-form-item>
                                <el-form-item label='司机姓名：'>
                                    <el-input v-model='driverName' style="width: 300px" placeholder='请输入司机姓名'></el-input>
                                </el-form-item>
                                <el-form-item label='司机电话：'>
                                <el-input v-model='driverPhone' style="width: 300px" placeholder='请输入司机电话'></el-input>
                            </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>

                    <div slot="footer" class="dialog-footer">
                        <el-button @click="close">取消</el-button>
                        <el-button class='theme-button' type="primary" @click="shipment">确定</el-button>
                    </div>
                </el-dialog>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
/**  不知道这个页面是哪个傻逼写的，逻辑混乱表单变量混乱，逻辑也不清晰，业务逻辑也混乱，简直屎中屎这个项目就是 2024.5.22 sameki 我改你妈的批  **/
import { order_findByList, order_delete, order_update,addShipments } from '@/request/api';
export default {
    data() {
        return {
            currentOrderId:'',
            time: '',
            payType: '',
            payAmount: '',
            receiveTime: '',
            activeName: '全部',
            tableData: [],
            queryForm: {
                time: '',
                page: 1
            },
            pagesize: 10,
            total: 10,
            currentPage: 1,
            dialogVisible: false,
            dialogfh:false,
            ruleForm: {
                paytype: '',
                paytypes: ['现金', '银行转账', '微信', '支付宝']
            },
            paytypes:['顺丰','京东','邮政'],
            ways:['上门取货','快递发货'],
            collectionRecord: {},
            payState: 0,
            deliverState:0,
            start: '',
            end: '',
            added: true,
            details: true,
            modify: true,
            deletes: true,
            addcollection: true,
            way:'',
            logistics:'',
            licensePlate:'',
            driverName:'',
            driverPhone:'',
        };
    },
    created() {},
    mounted() {
        this.init();
        this.judgmentAuthority();
    },
    methods: {
        async shipment(){
            let params = {
                id:this.currentOrderId,
                logistics:this.logistics,
                licensePlate:this.licensePlate,
                driverName:this.driverName,
                driverPhone:this.driverPhone,
                deliverState:1//已发货
            }
            const res = await addShipments(params)
            if(res.code == 200){
                this.$message.success('发货成功')
                this.dialogfh = false
            }else{
                this.$message.error(res.msg)
                this.dialogfh = false
            }
        },
        search() {
            this.start = this.time[0];
            this.end = this.time[1];
            this.currentPage = 1;
            this.init();
        },
        close() {
            this.dialogVisible = false;
             this.dialogfh = false;
            this.payAmount = '';
            this.payType = '';
            this.receiveTime = '';
            this.logistics='';
              this.time='';
                this.way='';
        },
        addCollectionRecord(ele) {
            this.dialogVisible = true;
            this.collectionRecord = ele;
        },
        // 添加收款记录
        update() {
            this.collectionRecord.payType = this.payType;
            this.collectionRecord.payAmount = this.payAmount;
            this.collectionRecord.receiveTime = this.receiveTime;
            const shoukuan = {}
            shoukuan.orderId = this.collectionRecord.id
            shoukuan.payTime = this.collectionRecord.receiveTime
            shoukuan.payType = this.collectionRecord.payType
            shoukuan.cash = this.collectionRecord.payAmount

            order_update(shoukuan).then((res) => {
                this.$notify({
                    title: '提示',
                    message: '操作成功',
                    type: 'success'
                });
                this.init();
                this.payType = '';
                this.payAmount = '';
                this.receiveTime = '';
            });
        },
    //    发货
    fahuo(item){
            this.currentOrderId = item.id
this.dialogfh=true
 // this.collectionRecord = ele;
    },
        // 删除
        handleDelete(ele) {
            this.$confirm('此操作将永久删除该条数据, 是否继续?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                order_delete(ele.id).then((res) => {
                    this.$notify({
                        title: '操作成功',
                        message: '删除成功',
                        type: 'success'
                    });
                    this.init();
                });
            });
        },
        init() {
            let data = {
                pageno: this.currentPage,
                pagesize: 10,
                starttime: this.start,
                endtime: this.end
            };
            if(this.activeName == '待付款'){
                data.payState = this.payState
            }else if(this.activeName == '未发货'){
                data.deliverState = this.deliverState
            }
            order_findByList(data).then((res) => {
                const list = []
                res.data.map((item) => {
                    item.clientOrder.orderDetailedList = []
                    if(item.detaileds.length > 0){
                        item.detaileds.map((item1) =>{
                            item.clientOrder.orderDetailedList.push(item1)
                        })
                    }else {
                        item.clientOrder.orderDetailedList.push(item.detaileds[0])
                    }
                    // this.tableData.push(item.clientOrder)
                    list.push(item.clientOrder)
                })

                this.tableData = list;
                this.total = res.data.length;
                console.log(this.tableData,'1515')
            });
        },
        handleDetail(ele) {
            this.$router.push({
                path: '/order/add',
                query: { id: ele.id, type: 'detail', orderNo: ele.orderNo }
            });
        },
        handleEdit(ele) {
            this.$router.push({
                path: '/order/add',
                query: { id: ele.id, type: 'edit', orderNo: ele.orderNo }
            });
        },
        handleClick(val) {
            this.currentPage = 1;
            this.start = '';
            this.end = '';
            this.time = '';
            if (this.activeName == '待付款') {
                this.payState = 0;
            }
            if (this.activeName == '未发货') {
                this.deliverState = 0;
            }
            if (this.activeName == '全部') {
                this.state = '';
            }
            this.init();
            // console.log(val)
        },
        // getTime(){
        //   console.log(this.queryForm.time);
        // },
        handleCurrentChange() {},
        //判定操作按钮显示
        judgmentAuthority() {
            var type = JSON.parse(localStorage.getItem('panduanzhuangtai'));
            type.map((item1) => {
                if (item1.name == '订单管理' && item1.children != null) {
                    for (var i = 0; i < item1.children.length; i++) {
                        if (item1.children[i].name == '新增') this.added = false;
                        if (item1.children[i].name == '订单详情') this.details = false;
                        if (item1.children[i].name == '修改') this.modify = false;
                        if (item1.children[i].name == '删除') this.deletes = false;
                        if (item1.children[i].name == '添加收款记录') this.addcollection = false;
                    }
                }
            });
        }
    }
};
</script>
<style scoped>
/deep/.el-pagination.is-background .el-pager li:not(.disabled).active{
    background: #02B386;
}
/deep/.el-tabs__item.is-active {
    color: #1BC46D;
}

/deep/.el-tabs__active-bar {
    background-color: #1BC46D;
}
.height {
    min-height: 140px;
}
.el-pagination {
    text-align: right;
}
.flex {
    display: flex;
}
.column {
    flex-direction: column;
}
.center {
    justify-content: center;
    align-items: center;
}
.between {
    justify-content: space-between;
}
.around {
    justify-content: space-around;
}
.containers {
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.table {
    border: 1px solid #ddd;
    border-radius: 5px;
}
</style>
